<html>

<head>
    <title>这是标题</title>
</head>

<body>
    <!-- 
    1.围堵标签
    2.自闭合标签
    -->

    <!-- <p>围堵标签</p>
    <hr> -->

    <!-- 
    1.块级标签
    2.行内标签
     -->
    <!-- <p>我是块级标签,我不和其他标签共享一行</p>
    文本 -->

    <!-- 行内标签，就是元素在一行展示的，例如 em就是行内标签 -->
    <!-- 我是<em>第一名</em><em>第二名</em><em>第三名</em> 
    <em> 标签是用来表示文本中的强调内容的标记。通常，浏览器会以斜体的形式来呈现 <em> 元素内的文本，以显示出这部分文本与其余内容有所不同。
    -->

    <!-- 
        1.标签嵌套有嵌套规则
        嵌套：一个标签（围堵）中可以写另一个标签

        块级标签可以嵌套块级
        块级标签可以嵌套行内

        行内标签可以嵌套行内
        但是行内标签不能嵌套块级
     -->

    <!-- 块级标签嵌套块级标签 -->
    <!-- <p>
        <hr>
        我是文字
        <hr>
    </p> -->

    <!-- 块级嵌套行内 -->
    <!-- <p>
        <em>第一</em><em>第二</em><em>第三</em>
    </p> -->

    <!-- 行内嵌套行内 -->
    <em><strong>这是行内</strong></em>

    <!-- 行内嵌套块级，行内会失效（不在同一行，但是斜体效果还在），所以这种嵌套效果是不行的 -->
    <!-- <em>
        <p>我是块级1</p>
        <p>我是块级2</p>
    </em>

    <em>
        <p>我是块级3</p>
        <p>我是块级4</p>
    </em> -->

</body>

</html>